// var
@backtop-prefix-cls     : x-back-top;

// mixins

// styles
.@{backtop-prefix-cls} {
  z-index: @zindex-back-top;
  position: fixed;
  cursor: pointer;
  &__inner {
    background-color: rgba(0,0,0,.4);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    transition: all .2s ease-in-out;
    &:hover {
      background-color: rgba(0,0,0,.6);
    }
  }
  i{
    display: inline-block;
    color: #fff;
    font-size: 24px;
    padding: 8px 12px;
  }
}
